<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>bilibili移动端</title>
        <link rel="stylesheet" href="./css/index.css" />
        <!-- 
            参考：第535集
                浏览器移动端模拟下，打开网站【m.bilibili.com】

            下载b站的字体图标
                1）html页面选出对应iconfont样式
                    右上角--》下载复制【一串数字.css】这个文件--》改名为【iconfont.css】
                2）从这个【iconfont.css】里面对应的url里下载对应的字体文件
                    后缀.eot、.ttf、.woff等文件
                3）将以上多个文件放到项目【fonts/】中，直接引用即可
         -->
        <link rel="stylesheet" href="./fonts/iconfont.css" />
    </head>
    <body>
        <!-- 顶部栏 -->
        <div class="header-box">
            <!-- 搜索栏 -->
            <div class="search-box">
                <a href="#" class="logo">
                    <i class="iconfont Navbar_logo"></i>
                </a>
                <div class="right">
                    <a href="#">
                        <i class="iconfont ic_search_tab"></i>
                    </a>
                    <a href="#">
                        <img src="./images/login.png" alt="" />
                    </a>
                    <a href="#">
                        <img src="./images/download.png" alt="" />
                    </a>
                </div>
            </div>
            <!-- 导航栏：略 -->
        </div>
    </body>
</html>
